<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=750,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<title>填写信息</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/fillInfomation.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body style="background: #f3f3f3;">
		<div class="wrapper">
			<div class="content">				
				<div class="user-data">
					<div class="lists">
						<label for="">姓名</label>
						<input type="text" placeholder="请填写您的真实姓名"/>
					</div>
					<div class="lists">
						<label for="">手机号码</label>
						<input type="text" placeholder="请填写您的手机号码"/>
					</div>
					<div class="lists">
						<select name="">
							<option value="1">证件类型</option>
							<option value="2">身份证</option>
						</select>
						<input type="text" placeholder="输入身份证、护照、等号码"/>
					</div>
				</div>
				
				<div class="photo-wrap">
					<div class="left-cont fl">
						<label for="">证件照正面：</label>
						<div class="upload">
							<img src="images/upload.png" alt="" />
							<input class="takepicture" type="file" accept="image/*">
						</div>
						<!--<div class="upload-img">
							<img src="images/diagram.png" alt="" />
							<input class="takepicture" type="file" accept="image/*">
						</div>-->
					</div>
					<div class="right-cont fl">
						<label for="">示例图片：</label>
						<div class="diagram"><img src="images/diagram.png" alt="" /></div>
					</div>
				</div>
				
				<div class="photo-wrap">
					<div class="left-cont fl">
						<label for="">证件照反面：</label>
						<!--<div class="upload">
							<img src="images/upload.png" alt="" />
							<input class="takepicture" type="file" accept="image/*">
						</div>-->
						<div class="upload-img">
							<img src="images/diagram.png" alt="" />
							<input class="takepicture" type="file" accept="image/*">
						</div>
					</div>
					<div class="right-cont fl">
						<label for="">示例图片：</label>
						<div class="diagram"><img src="images/diagram2.png" alt="" /></div>
					</div>
				</div>
				
				<input type="submit" value="提交" class="confirm-btn" onclick="location='barnOrderNext.html';"/>
			</div>
			
			<!--上传弹窗-start-->
			<!--<div class="mask none"></div>
			<div class="main-cont">
				<div class="head">
					<button class="cancel-btn">取消</button>
					<button class="cfm-btn">确认</button>
				</div>
				
				<div class="take-pic">
					<label>拍照上传</label>
					<i>
						<input id="takepicture" type="file" accept="image/*" capture="camera">
						<img src="images/takepic.png" alt="" />
					</i>
				</div>
				<div class="photo">
					<label>从相册选择照片</label>
					<i>
						<input id="photo" type="file" accept="image/*">
						<img src="images/photo.png" alt="" />
					</i>
				</div>
			</div>-->
			<!--上传弹窗-end-->
		</div>
		
		<script type="text/javascript">
		//上传弹窗
//		$('.upload').click(function(){
//			$('.mask').show();
//			$('.main-cont').addClass('go-top');
//		})
//		function maskHide(e){
//			$(e).click(function(){
//				$('.mask').hide();
//				$('.main-cont').removeClass('go-top');
//			})
//		}
//		maskHide('.cancel-btn');
//		maskHide('.cfm-btn');
		
		//调用手机相机
		var takePictureOnclick = function(){
		    var takePicture = document.getElementById('takepicture');
		    takePicture.click();
		}
		</script>
	</body>
</html>
